document.querySelector(".sift-lists").onclick = function (event){
    var ele = event.target;
    console.log(ele.nodeName);
    if(ele.nodeName==="LI"){
        var ulEle = ele.parentElement;
        for (let i = 0; i < ulEle.length; i++) {
            if(ulEle[i].checked){
                ulEle[i].checked = false;
            }
        }
        ele.firstChild.checked = true;
    }else if(ele.nodeName === "INPUT"){
        var ulEle = ele.parentElement.parentElement;
        for (let i = 0; i < ulEle.length; i++) {
            if(ulEle[i].checked){
                ulEle[i].checked = false;
            }
        }
        ele.checked = true;
    }
}

document.querySelector(".sift-type").onclick = function (event){
    var ele = event.target;
    if(ele.nodeName ==="A" && ele.innerText ==="景点"){
        var listEle = document.querySelector(".sift-lists");
        listEle.innerHTML='<div class="list-item">\n' +
            '                <label>门票价格区间：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">不限</li>\n' +
            '                        <li><input type="checkbox">0-200</li>\n' +
            '                        <li><input type="checkbox">201-400</li>\n' +
            '                        <li><input type="checkbox">401-1000</li>\n' +
            '                    </form>\n' +
            '                </ul>\n' +
            '            </div>\n' +
            '            <div class="list-item">\n' +
            '                <label>景点星级：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">不限</li>\n' +
            '                        <li><input type="checkbox">1星级</li>\n' +
            '                        <li><input type="checkbox">2星级</li>\n' +
            '                        <li><input type="checkbox">3星级</li>\n' +
            '                        <li><input type="checkbox">4星级</li>\n' +
            '                        <li><input type="checkbox">5星级</li>\n' +
            '                    </form>\n' +
            '\n' +
            '                </ul>\n' +
            '            </div>\n' +
            '            <div class="list-item">\n' +
            '                <label>景点类型：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">不限</li>\n' +
            '                        <li><input type="checkbox">寺庙</li>\n' +
            '                        <li><input type="checkbox">水上乐园</li>\n' +
            '                        <li><input type="checkbox">动物园</li>\n' +
            '                    </form>\n' +
            '                </ul>\n' +
            '            </div>'
    }
    else if(ele.innerText ==="行程方案"){
        var listEle = document.querySelector(".sift-lists");
        listEle.innerHTML ='<div class="list-item">\n' +
            '                <label>旅行人数：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">2人</li>\n' +
            '                        <li><input type="checkbox">3人</li>\n' +
            '                        <li><input type="checkbox">4人</li>\n' +
            '                        <li><input type="checkbox">5人</li>\n' +
            '                    </form>\n' +
            '                </ul>\n' +
            '            </div>\n' +
            '            <div class="list-item">\n' +
            '                <label>人均消费：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">不限</li>\n' +
            '                        <li><input type="checkbox">100-200元</li>\n' +
            '                        <li><input type="checkbox">200-300元</li>\n' +
            '                        <li><input type="checkbox">300-400元</li>\n' +
            '                        <li><input type="checkbox">400元以上</li>\n' +
            '                    </form>\n' +
            '\n' +
            '                </ul>\n' +
            '            </div>\n' +
            '            <div class="list-item">\n' +
            '                <label>旅游天数：</label>\n' +
            '                <ul>\n' +
            '                    <form>\n' +
            '                        <li><input type="checkbox">2天</li>\n' +
            '                        <li><input type="checkbox">3天</li>\n' +
            '                        <li><input type="checkbox">4天</li>\n' +
            '                        <li><input type="checkbox">5天</li>\n' +
            '                    </form>\n' +
            '                </ul>\n' +
            '            </div>'
    }
}